button {
    background-color: #409eff;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    font-size: 1.3em;
    padding: .3em .6em;
    border-radius: 3px;
    transition: all .2s;
}

button:hover {
    background-color: #70b6fc;
}

button:active {
    background-color: #386fa5;
}

button.lan {
    background-color: #409eff;
}

button.lan:hover {
    background-color: #70b6fc;
}

button.lan:active {
    background-color: #386fa5;
}

button.lv {
    background-color: #67c23a;
}

button.lv:hover {
    background-color: #92c578;
}

button.lv:active {
    background-color: rgb(83, 119, 64);
}

button.hui {
    background-color: #909399;
}

button.hui:hover {
    background-color: rgb(173, 174, 177);
}

button.hui:active {
    background-color: rgb(116, 117, 117);
}

button.huang {
    background-color: #e6a23c;
}

button.huang:hover {
    background-color: #e2b572;
}

button.huang:active {
    background-color: #9c6e2a;
}

button.hong {
    background-color: #f56c6c;
}

button.hong:hover {
    background-color: #e48383;
}

button.hong:active {
    background-color: #9e4646;
}